<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			li {
				list-style-type: none;
				text-align: center;
				float: left;
				width: 120px;
				text-decoration: none;
				color: white;
				background-color: purple;
				padding: 3px 10px;
				border-right: 1px solid white;
			}
		</style>
	</head>

	<body>
		<ul>
			<li onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='purple'">首页</li>
			<li onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='purple'">用户管理</li>
			<li onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='purple'">购物车</li>
			<li onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='purple'">订单</li>
			<li onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='purple'">退出</li>
		</ul>
	</body>

</html>